<div class="lv-date-picker-header">
  <div class="left">
    <i lv-icon="lv-icon-arrow-double-prev" lvColorState="true" (click)="addYear(-100)"></i>
  </div>
  <div class="center">
    <span>{{ activeDateYearRange }}</span>
  </div>
  <div class="right">
    <i lv-icon="lv-icon-arrow-double-next" lvColorState="true" (click)="addYear(100)"></i>
  </div>
</div>
<div class="lv-date-picker-body">
  <div class="lv-date-picker-10year-list">
    <ul>
      <ng-container *ngFor="let C_year of C_10years; trackBy: trackByIndex">
        <li *ngIf="lvOnlyShowActiveCell && (C_year.isLast100Years || C_year.isNext100Years)" [ngClass]="C_year.classMap">
          <span class="lv-date-picker-10year-cell-hide"></span>
        </li>
        <li *ngIf="!(lvOnlyShowActiveCell && (C_year.isLast100Years || C_year.isNext100Years))" [ngClass]="C_year.classMap">
          <span class="lv-date-picker-10year-cell" (click)="selectCalendarYearCell(C_year)">{{ C_year.content }}</span>
        </li>
      </ng-container>
    </ul>
  </div>
</div>
